<template>
  <no-ssr>
    <div id='app'>
      <Header/>
      <div class="app-content">
        <!-- 内容区域 -->
        <nuxt/>
      </div>
      <Footer/>
    </div>
  </no-ssr>
</template>

<script>
import Header from './header.vue'
import Footer from './footer.vue'

export default {

  components:{Header,Footer}
}
</script>

<style>
html {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
}
img{
  border: none;
  vertical-align: middle;
}
#app .app-content{
  background: #fff;
}
#app .app-content .app-conent-body{
  margin: auto;
  /* max-width: 1200px; */
}
.container-max-width{
  overflow: hidden;
  max-width: 1200px;
  margin: auto;
}
</style>

